<template>
	<view class="record">
		<view class="button" @click="onClick">
			弹出框1
		</view>
		<view class="button" @click="onClick2">
			弹出框2
		</view>
		<view class="button" @click="onClick3">
			弹出框3
		</view>
		<view class="button" @click="onClick4">
			弹出框4
		</view>
		<view class="button" @click="onClick5">
			弹出框5
		</view>
		<CustomPopup ref="custompopup" imgUrl="popup-bg2" title="欢迎来到国民遗嘱" :content="content1" btnContent="我知道了"
			subBtnContent="退出" />
		<CustomPopup ref="custompopup2" imgUrl="popup-bg" title="已完善" :content="content2" btnContent="我知道了" />
		<CustomPopup ref="custompopup3" iconUrl="popup-icon" title="温馨提示" :content="content3"
			subContent="客服电话: 400-668-0418" btnContent="拨打电话" />
		<CustomPopup ref="custompopup4" iconUrl="popup-icon" title="温馨提示" :content="content4"
			subContent="账号注销后将不可恢复请谨慎处理！" btnContent="确定" subBtnContent="取消" />
		<CustomPopup ref="custompopup5" imgUrl="popup-bg" :type="2" title="请提供您的邮箱" :content="content5"
			btnContent="去支付" />
	</view>
</template>
<script>
	import CustomPopup from '@/components/CustomPopup.vue'
	export default {
		components: {
			CustomPopup
		},
		data() {
			return {
				content1: [{
					id: 1,
					value: '您的会员资料还未完善'
				}, {
					id: 2,
					value: '请先完善资料'
				}],
				content2: [{
					id: 1,
					value: '恭喜您已完善会员资料'
				}, {
					id: 2,
					value: '赶紧去使用吧！'
				}],
				content3: [{
					id: 1,
					value: '平台暂时不支持自行注册'
				}, {
					id: 2,
					value: '请联系平台添加账号'
				}],
				content4: [{
					id: 1,
					value: '您确定要注销账号吗？'
				}],
				content5: [{
					id: 1,
					value: '我们将会通过邮件的方式发送给您'
				}],
			};
		},
		computed: {},
		mounted() {

		},
		methods: {
			onClick() {
				//弹框1
				this.$refs.custompopup.open()
			},
			onClick2() {
				this.$refs.custompopup2.open()
			},
			onClick3() {
				this.$refs.custompopup3.open()
			},
			onClick4() {
				this.$refs.custompopup4.open()
			},
			onClick5() {
				this.$refs.custompopup5.open()
			}
		},
	};
</script>
<style lang="scss" scoped>
	.record {
		.button {
			display: inline-block;
			border-radius: 8upx;
			border: 1upx solid #eee;
			padding: 8upx;
			margin-right: 8upx;
		}

	}
</style>
s
